<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
    <title>用户登录</title>
    <link th:href="@{/login/css/bootstrap.min.css}" rel="stylesheet" media="all">
    <link th:href="@{/login/css/signin.css}" rel="stylesheet" media="all">
</head>
<body class="text-center">
    <form class="form-signin" th:action="@{/login}" th:method="post">
        <img class="mb-4" th:src="@{/login/img/login.jpg}" width="72" height="72">
        <h1 class="h3 mb-3 font-weight-normal" th:text="#{login.tip}">请登录</h1>
        <!--用户登录错误提示-->
        <div th:if="${param.error}" style="color:red;height: 40px;text-align: left;font-size: 1.1em">
            <img th:src="@{/login/img/loginError.jpg}" width="20px">用户或密码错误,请重新登录!
        </div>
        <input type="text" class="form-control" th:placeholder="#{login.username}" name="username" required="" autofacus="">
        <input type="password" class="form-control" th:placeholder="#{login.password}" name="password" required="">
        <div class="checkbox mb-3">
            <label>
                <input type="checkbox" name="remember-me">
                [[#{login.rememberme}]]
            </label>
        </div>
        <button class="btn btn-lg btn-primary btn-block" type="submit" th:text="#{login.button}">登录</button>
        <a class="btn btn-sm" th:href="@{/login(l='zh_CN')}">中文</a>
        <a class="btn btn-sm" th:href="@{/login(l='en_US')}">English</a>
        <p class="mt-5 mb-3 text-muted">©
        <span th:text="${currentYear}">2018</span>-
        <span th:text="${currentYear}+1">2019</span>
        </p>
    </form>
</body>
</html>
